/*!
Theme Name: huaji pro
Theme URI: http://git.oschina.net/szhuaji/huaji-Pro
Author: huaji
Author URI: http://www.myhuaji.com/
Description: 滑稽倾力之作
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 滑稽
*/

// Core variables and mixins
@import "../lib/bootstrap/less/variables.less";
@import "huaji-offset.less";
@import "../lib/bootstrap/less/mixins.less";

// Reset and dependencies
@import "../lib/bootstrap/less/normalize.less";
@import "../lib/bootstrap/less/print.less";
@import "../lib/bootstrap/less/glyphicons.less";

// Core CSS
@import "../lib/bootstrap/less/scaffolding.less";
@import "../lib/bootstrap/less/type.less";
@import "../lib/bootstrap/less/code.less";
@import "../lib/bootstrap/less/grid.less";
@import "../lib/bootstrap/less/tables.less";
@import "../lib/bootstrap/less/forms.less";
@import "../lib/bootstrap/less/buttons.less";

// Components
@import "../lib/bootstrap/less/component-animations.less";
@import "../lib/bootstrap/less/dropdowns.less";
@import "../lib/bootstrap/less/button-groups.less";
@import "../lib/bootstrap/less/input-groups.less";
@import "../lib/bootstrap/less/navs.less";
@import "../lib/bootstrap/less/navbar.less";
@import "../lib/bootstrap/less/breadcrumbs.less";
@import "../lib/bootstrap/less/pagination.less";
@import "../lib/bootstrap/less/pager.less";
@import "../lib/bootstrap/less/labels.less";
@import "../lib/bootstrap/less/badges.less";
@import "../lib/bootstrap/less/jumbotron.less";
@import "../lib/bootstrap/less/thumbnails.less";
@import "../lib/bootstrap/less/alerts.less";
@import "../lib/bootstrap/less/progress-bars.less";
@import "../lib/bootstrap/less/media.less";
@import "../lib/bootstrap/less/list-group.less";
@import "../lib/bootstrap/less/panels.less";
@import "../lib/bootstrap/less/responsive-embed.less";
@import "../lib/bootstrap/less/wells.less";
@import "../lib/bootstrap/less/close.less";

// Components w/ JavaScript
@import "../lib/bootstrap/less/modals.less";
@import "../lib/bootstrap/less/tooltip.less";
@import "../lib/bootstrap/less/popovers.less";
@import "../lib/bootstrap/less/carousel.less";

// Utility classes
@import "../lib/bootstrap/less/utilities.less";
@import "../lib/bootstrap/less/responsive-utilities.less";

body {
	font-family: 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Slab', 'Monda', "PingFang SC", "Microsoft YaHei", sans-serif;
}

.bottom- {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color:  @huaji-orange;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}

.container.site-content{
    background-color: @container-bg;
    box-shadow: 0 0px 4px #ddd;
	border:0 0 0 0 solid #fff;
	border-radius:5px 5px 0 0;
	position: relative;
	z-index: 10;
	overflow: hidden
}

.navbar-static-top {
  border-width: 0 0 0px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: "Microsoft YaHei Light","Microsoft YaHei UI Light","Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB",
		"Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI",
		"Microsoft YaHei", sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

.navbar-default {
    .navbar-brand {
        background-color: @navbar-default-brand-bg;
    }
}

.navbar-nav {
    > li > a {
        transition: color @huaji-fast;
        overflow: hidden;
        > .bottom-hr {
            transition: width @huaji-fast,left @huaji-fast;
            position: absolute;
            width:0px;
            height: 0px;
            overflow: hidden;
            bottom: 0px;
            left:50%;
            border-bottom: 2px solid @huaji-orange;
        }
        &:hover > .bottom-hr{
            width: 100%;
            left:0px
        }
        &:focus > .bottom-hr{
            width: 100%;
            left:0px
        }
    }
    > .active > a > .bottom-hr{
            width: 100%;
            left:0px
    }
}

.huaji-default-btn {
    background-color: @huaji-orange;
}

.glyphicon {
	font-size: @glyphicon-font-size;
}

.mikubox{
	background: url(./img/mikuOs.png) no-repeat;
	background-size:35%;
	background-position: left bottom; 
}

#main-row {
	background-color: @sideber-bg;
	.main-col {
		min-height: 1500px;
		background-color: #fff;
	}
	.sideber {
		padding-left: 20px; 
		height: 100%;
		aside {
			min-height: 40px;
			margin-bottom:20px;
		}
		ul {
			list-style: none;
			padding-left: 0px;
			li {
				a {
				display: block;
				padding: 5px 5px;
				transition: color @huaji-faster,background-color @huaji-faster;
				&:hover {
						background-color:@sideber-link-hover-color;
				}
				}
			}
		}
		.widget{
			.widget-title{
				border-left: 4px solid @huaji-orange;
				padding-left: 10px;
			}
			&.widget_search{
				form{
					.screen-reader-text {
						width: 0px;
						overflow: hidden;
						font-size: 0px;
					}
					input[type="text"]{
						height: 28px;
						padding: 8px 0px 6px 4px;
						border-right: none;
						border: 1px solid #EAEAEA;
						vertical-align: baseline;
						float: left;
						outline: 0px;
						width: 75%;
						&:focus {
							border-color: @huaji-orange;
							}
						@media (min-width: @screen-sm-min) {
							width: 64%;
						}
						@media (min-width: @screen-lg-min) {
							width: 75%;
						}
					}
					input[type="submit"]{
						.btn;
						.btn-default;
						height: 28px;
						padding-top: 3px;
						float: left;
						border-radius: 0 @btn-border-radius-base @btn-border-radius-base 0;
					}
				}
			}
		}
	}
}

article{
	&.page {
		padding-top: 10px;
		padding-bottom: 20px;
		border-bottom: 2px solid @huaji-dark
	}
	&.post {
		padding-top: 10px;
		padding-bottom: 20px;
		border-bottom: 2px solid @huaji-dark
	}
}

main {
    padding-top: 20px;
}


a {
	color: @gray;
    transition: color @huaji-faster;
}

.post-properties {
	display: block;
	color: @gray;
	min-height: 17px;
	>div{
		float: right;
	}
	span{
		padding-left: 5px;
	}
}

.tooltip-display.tooltip{
    display: inline-block;
    opacity: 1;
	position: relative;
	.tooltip-inner {
		border-radius: 3px;
	}
}

.category-tag {
	.tooltip{
		padding-left: 0px;
		float: left;
	}
}

.entry-header .category-tag+.entry-title {
	line-height: 23px;
	font-size: 20px;
	> a {
		> strong {
		font-weight: 600;
		}
	}
}

body {
	min-height: 1000px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001822+0,413383+39,413383+100 */
	background: #001822; /* Old browsers */
	background: -moz-linear-gradient(top,  #001822 0%, #413383 39%, #413383 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #001822 0%,#413383 39%,#413383 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #001822 0%,#413383 39%,#413383 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001822', endColorstr='#413383',GradientType=0 ); /* IE6-9 */
}

.ehdiv{
  margin-bottom: -10000px;
  padding-bottom: 10000px;
}

#equalheight {
  overflow: hidden; 
}

.over-hid {
  overflow: hidden;
}

.bg-box {
	width: 100%;
	height: 1000px;
	position: absolute;
	pointer-events:none;
}

.bg-img-01{
	background: url(./img/bg01.png) top;
	width: 200%;
	height: 1000px;
	position: absolute;
}

.bg-img-02{
	background: url(./img/bg02.png) left no-repeat;
	width: 100%;
	height: 100%;
	background-size:100% 100%;
	position: absolute;
	opacity: 0.5
}

footer {
	min-height: 200px;
	background-color: @gray-dark;
	color: @gray-lighter;
	position: relative;
	z-index: 10;
}

.footer-content {
	padding-top: 40px;
}

.archive-header-name {
	padding-left: 10px;
	font-weight: 550;
}

.archive-header-info {
	padding-left: 10px;
	color: @gray-light;
}

.archive-header-hr {
	margin-bottom: 5px;
	margin-top: 20px;
}

.sideber {
	padding-top: 0px;
}

.sideber-content {
	padding-top: 40px;
	padding-bottom: 20px;
	will-change: transform;
}

.entry-content {
	color: @gray-light;
	padding-top: 10px;
	padding-bottom: 20px;
	word-break:break-all;
}

.screen-reader-text {
	.sr-only();
}

.thumb {
	width: 100%;
}

.post-img-col {
	@media (min-width: @screen-sm-min) {
		padding-right: 0px;
		padding-top: 10px;
	}
}

.footer-content {
	h5 {
		color: @gray-lighter;
	}
	color: @gray-light;
	ul {
		padding-left: 0px;
		list-style: none;
		li a{
				color: @gray-light;
				&:hover{
					color: @gray-lighter;
				}
		}
	}
}

figcaption {
	color: #777;
	font-size: 70%; 
}

main .entry-content {
	color: #555;
	pre {
		margin-top: 10px;
	}
	p {
		margin:10px 0px;
		text-indent:1em
	}
	a {
		color: #235179;
		&:hover {
			color: #2196f3;
		}
	}
}

.nav-links{
	padding-bottom: 20px;
	.nav-next {
		border-left: solid 2px #ccc;
		padding-left: 40px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		width:50%;
		float: right;
	}
	.nav-previous {
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		padding-right: 40px;
		width:50%;
		margin-right: 0px;
		display: inline-block;
	}
}

.cat_related {
	list-style: none;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #ccc;
}